<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动展示页2</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/showIndex3.css">
    <link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
<div class="left">
    <div class="l-title">
        <img src="img/show/title3.png" alt="">
    </div>
    <div class="l-r active" data-type="1">
        <img src="img/show/icon-1.png" class="top icon-1" alt="">读书活动
    </div>
    <div class="l-r" data-type="2">
        <img src="img/show/icon-2.png" class="top icon-2" alt="">书法写字
    </div>
    <div class="l-r" data-type="3">
        <img src="img/show/icon-3.png" class="top icon-3" alt="">
        劳动实践
    </div>
    <div class="l-r" data-type="5">
        <img src="img/show/icon-4.png" class="top icon-4" alt="">
        德育板报
    </div>
    <div class="l-r" data-type="6">
        <img src="img/show/icon-5.png" class="top icon-5" alt="">
        美术素养
    </div>
    <div class="l-r" data-type="7">
        <img src="img/show/icon-6.png" class="top icon-6" alt="">
        朗诵演讲
    </div>
    <div class="l-r" data-type="4">
        <img src="img/show/icon-7.png" alt="" class="icon-7">
        科普探索
    </div>
</div>
<div class="right">
    <div class="swiper-container">

        <div class="swiper-wrapper" id="swiper-wrapper">
        </div>
        <!--    <img src="img/show/left_bar.png" class="swiper-bar swiper-prev" alt="">-->
        <!--    <img src="img/show/right_bar.png" class="swiper-bar swiper-next" alt="">-->
    </div>
    <div class="dialog hide" id="vidoeDialog">
        <div class="mark"></div>
        <div class="inner">
            <video src="" id="dialogVideo" controls></video>
        </div>
    </div>
    <div class="dialog hide" id="imgDialog">
        <div class="mark"></div>
        <div class="inner" style="background-size:contain;background-position:center;background-repeat:no-repeat">
            <!--        <img src="" alt="" id="dialogImg">-->
        </div>
    </div>
    <script src="js/jquery/jquery-1.2.3.min.js"></script>
    <script src="js/lib/swiper.min.js"></script>
    <!--<script src="js/jquery.lazyload.js"></script>-->
    <script src="js/layer3.11/layer.js"></script>
    <script src="js/showIndex4.js"></script>
    </script>
</body>
</html>
